<template>
    <div class="photoRegisterDailog">
        <div class="main-container-content">
            <el-row :gutter="10">
                <div class="contentBoxs_form">
                    <el-col :xs='24' :sm="24" :md="20" :lg="20" :xl="20">
                        <el-form :model="baseInfo" :rules="baseInfoFormRules" ref="baseInfoForm" label-width="88px"
                            class="demo-ruleForm contentBoxs_form_box">
                            <div class="photoRegisterDailog_title">
                                <div class="titleContent_left">
                                    <div class="titleContent_left_line"></div>
                                    <div class="titleContent_left_title">
                                        新增笔记
                                    </div>
                                </div>
                                <i class="el-icon-close photoRegisterClose" @click="closeEvent"></i>

                            </div>
                            <div class="contentDailog_contents">
                                <el-form-item label="教学编号" prop="student">
                                    <el-input v-model="baseInfo.id" placeholder="教学库编号" class="idNumInput0">
                                    </el-input>
                                </el-form-item>
                                <el-form-item label="病例编号" prop="student">
                                    <el-input v-model="baseInfo.id" placeholder="病例编号" class="idNumInput0">
                                    </el-input>
                                </el-form-item>
                                <el-form-item label="笔记内容" prop="sex">
                                    <el-input type="textarea" :rows="5" placeholder="请输入内容" class="idNumtext0"
                                        v-model="baseInfo.remark">
                                    </el-input>

                                </el-form-item>
                                <div class="flexDiv">
                                    <el-form-item label="" prop="num" label-width="0px" class="noLabelItem">
                                        <div style="font-weight:700;font-size:16px;margin-right:8px;">
                                            切片标注</div>
                                    </el-form-item>


                                </div>
                                <div class="imageListContainers" :class="device === 'mobile' ? 'active' : ''">

                                    <div class="imageListContainers-item">
                                        <div class="imageListContainers-item-content">
                                            <el-image :src="src" class="imageListContainers-item-image">

                                            </el-image>

                                        </div>
                                        <el-input type="textarea" :rows="2" placeholder="请输入内容"
                                            class="imageListContainers-item-content-input" v-model="baseInfo.remark">
                                        </el-input>

                                    </div>
                                    <div class="imageListContainers-item">
                                        <div class="imageListContainers-item-content">
                                            <el-image :src="src" class="imageListContainers-item-image">

                                            </el-image>
                                        </div>
                                        <el-input type="textarea" :rows="2" placeholder="请输入内容"
                                            class="imageListContainers-item-content-input" v-model="baseInfo.remark">
                                        </el-input>
                                    </div>
                                    <div class="imageListContainers-item">
                                        <div class="imageListContainers-item-content">
                                            <el-image :src="src" class="imageListContainers-item-image">

                                            </el-image>
                                        </div>
                                        <el-input type="textarea" :rows="2" placeholder="请输入内容"
                                            class="imageListContainers-item-content-input" v-model="baseInfo.remark">
                                        </el-input>
                                    </div>
                                    <div class="imageListContainers-item">
                                        <div class="imageListContainers-item-content">
                                            <el-image :src="src" class="imageListContainers-item-image">

                                            </el-image>
                                        </div>
                                        <el-input type="textarea" :rows="2" placeholder="请输入内容"
                                            class="imageListContainers-item-content-input" v-model="baseInfo.remark">
                                        </el-input>
                                    </div>
                                    <div class="imageListContainers-item">
                                        <div class="imageListContainers-item-content">
                                            <el-image :src="src" class="imageListContainers-item-image">

                                            </el-image>
                                        </div>
                                        <el-input type="textarea" :rows="2" placeholder="请输入内容"
                                            class="imageListContainers-item-content-input" v-model="baseInfo.remark">
                                        </el-input>
                                    </div>



                                </div>
                                <el-form-item style="margin-top:15px;">
                                    <el-button @click="closeEvent">关 闭</el-button>
                                    <el-button type="primary" @click="submitForm()">保 存</el-button>

                                </el-form-item>
                            </div>
                        </el-form>
                    </el-col>
                </div>
            </el-row>

        </div>

    </div>
</template>
    
<script>
export default {
    name: "addMynotes",
    dicts: [

    ],
    components: {

    },
    data() {
        return {
            src: "https://cube.elemecdn.com/6/94/4d3ea53c084bad6931a56d5158a48jpeg.jpeg",
            deptOptionsStatus: true,
            confirmDialog: false,
            fixedBackRgb: "rgba(73, 185, 173, 1)",
            loginDialog: false,
            open: false,

            // 顾客信息
            baseInfo: {
                num: undefined,
                id: undefined,
                name: undefined,
                teacher: undefined,
                student: undefined,
                release: 0,
                verify: 0,
                remark: undefined
            },
            dateValue: '',

            confirmIdNumShow: false,


            sexArray: [
                {
                    value: '0',
                    label: '女'
                }, {
                    value: '1',
                    label: '男'
                }
            ],
            // 表单校验
            baseInfoFormRules: {


            },

        };
    },
    computed: {
        device() {
            return this.$store.state.device
        }
    },
    mounted() {

    },
    methods: {
        submitForm() {
            this.$emit('close')
        },
        closeEvent() {
            this.$emit('close')
        },
    }
};
</script>
    
<style scoped lang="scss">
.photoRegisterDailog {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    overflow: hidden;

    .photoRegisterDailog_title {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 15px;

    }
}
</style>
    
    